<%@ page contentType="text/html;charset=UTF-8" language="java" trimDirectiveWhitespaces="true" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <title>荩美国际商城</title>
    <link href="/resources/frontcss/cart.css" rel="stylesheet">
    <script src="/resources/js/jquery-1.8.1.min.js" type="text/javascript"></script>
    <style>
        .top-cot{ width:100%; height:2.2rem; line-height:2.2rem; background:#28163d; color:#fff; text-align:center; font-size:16px;}
    </style>
</head>
<body style="background-color: #fff;overflow-x:hidden;">
<div class="top-cot">订单详情</div>
<div class="total-list2 clearfix">

    <ul>
        <li class="good-center2" >
            <p class="fl price">订单号:<span class="single_price">${order.no}</span></p>
        </li>
    </ul>
    <ul>
        <li class="good-center2" >
            <p class="fl price">订单状态:
            <c:choose>
                <c:when test="${order.status eq 'Create'}">待支付</c:when>
                <c:when test="${order.status eq 'Pay'}">已支付</c:when>
                <c:when test="${order.status eq 'Fail'}">支付失败</c:when>
                <c:when test="${order.status eq 'Send'}">已发货</c:when>
                <c:when test="${order.status eq 'Suc'}">已完成</c:when>
                <c:when test="${order.status eq 'Close'}">关闭</c:when>
            </c:choose>
            </p>
        </li>
    </ul>
    <ul>
        <li class="good-center2" style="width:90%;">
            <p class="fl price">运单号:<span class="single_price">${order.billNo}</span>  <a href="https://www.kuaidi100.com/all/yzgn.shtml" style="float: right;">查看物流信息</a></p>

        </li>
    </ul>
    <ul>
        <li class="good-center2" >
            <p class="fl price">总金额:<span class="single_price">${order.totalMoney}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">支付金额:<span class="single_price">${order.payAmount}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">使用余额:<span class="single_price">${order.bonusAmount}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">邮费:<span class="single_price">${order.postAmount}</span></p>
        </li>
    </ul>
    <ul>
        <li class="good-center2" >
            <p class="fl price">订单时间:<span class="single_price">${order.dateStr}</span></p>
        </li>
    </ul>


    <c:forEach items="${list}" var="e">
    <ul>
        <li class="good-left">
            <img src="${e.images}"></li>
        <li class="good-center2" >
            <h1 class="fl">${e.name}</h1>
            <p class="fl price">单价:<span class="single_price">${e.price}</span>元 <i> X ${e.num}</i> </p></li>
    </ul>
    </c:forEach>

    <ul>
        <li class="good-center2" >
            <p class="fl price">收货人:<span class="single_price">${order.userName}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">联系电话:<span class="single_price">${order.telephone}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">收货地市:<span class="single_price">${order.provinceName}/${order.cityName}/${order.areaName}</span></p>
        </li>
    </ul>

    <ul>
        <li class="good-center2" >
            <p class="fl price">地址:<span class="single_price">${order.address}</span></p>
        </li>
    </ul>

    <ul style="margin-bottom: 50px;">
        <li class="good-center2" >
            <p class="fl price">备注:<span class="single_price">${order.remark}</span></p>
        </li>
    </ul>
    <c:if test="${order.status eq 'Create'}">
        <div class="cart-bottom">
            <button id="order_add_submit" onclick="pay()">支付</button>
        </div>
    </c:if>
</div>
<script type="text/javascript">
    function pay(){
        window.location.href = "/front/user/updatePay?orderId=${order.id}";
    }
</script>
</body>
</html>